<%--
  Created by IntelliJ IDEA.
  User: 舒俊容
  Date: 2023/12/19
  Time: 11:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>帖子详情</title>
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  <link rel="stylesheet" href="css/postdetail.css">
</head>
<body>
<header class="header container">
  <div class="logo">校园论坛</div>
  <div class="search">
    <input type="text" class="search-input" placeholder="搜索帖子...">
    <i class="fas fa-search search-btn"></i>
  </div>
</header>
<nav class="nav container">
  <ul class="nav-links">
    <li><a href="index.html">首页</a></li>
    <li><a href="#">最新帖子</a></li>
    <li><a href="#">热门帖子</a></li>
    <li><a href="yhmain.html">个人中心</a></li>
    <li><a href="fabiao.html">发表帖子</a></li>
  </ul>
</nav>
<br>

<br>
<div class="content container">
  <div class="post-info">
    <img src="img/p1.jpg" alt="用户头像">
    <div class="username">用户名</div>
    <div class="date">2023-01-01</div>
  </div>
  <div class="post-title">帖子标题</div>
  <div class="post-content">
    <p>帖子内容</p>
  </div>
  <div class="like">
    <i class="fas fa-thumbs-up"></i>
    <span class="like-count">0</span>

    <i class="fa fa-thumbs-down dislike-icon" style="margin-left: 50px; margin-top: 5px;" ></i>
    <span class="unlike-count">0</span>
  </div>
  <hr>
  <h3 style="margin-top: 20px;">全部评论</h3>
  <div class="comment-list">
    <div class="comment-item">
      <img src="img/p1.jpg" alt="用户头像">
      <div class="username">用户名</div>
      <div class="date">2023-01-01</div>
      <div class="content"><p>content</p></div>
    </div>
    <div class="comment-item">
      <img src="img/p1.jpg" alt="用户头像">
      <div class="username">用户名</div>
      <div class="date">2023-01-01</div>
      <div class="content"><p>content</p></div>
    </div>
    <div class="comment-form">
      <textarea placeholder="发表评论"></textarea>
      <button>发表</button>
    </div>
  </div>
</div>
<footer class="footer container">
  <p>© 2023 校园论坛</p>
</footer>
</body>
<script src="js/post.js"></script>

</html>